<template>
	<div class="container">
		<div class="behind">
			<p>If you are a TDFsurvey Member, please login for additional information specific to your membership.</p>
		</div>
		<div class="main">
			<h2>Help Center</h2>
			<p>If you have questions or need assistance, you’ve come to the right place.</p>
			<p>Please contact us here, email us at <span>business@tidfsurvey.com</span> or call us at <span>+44 7536 197569</span>.</p>
		</div>
	</div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.container {
	.behind {
		padding: 30px;
		border-radius: 15px;
		background-color: #faffd1;
		p {
			
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 0;
			padding: 0;			
			color: #67922b;
		}
	}
	.main {
		width: 60%;
		height: 600px;
		margin: auto;
		padding: 30px;
		border-radius: 0 0 15px 15px;
		background-color: #fff;
		h2 {
			font-weight: bold;
			font-size: 26px;
		}
		p {
			margin: 20px 0;
			text-indent: 20px;
			span {
				color: #67922b;
				cursor: pointer;
				&:hover {
					color: #f76c6c;
				}
			}
		}
	}
}

</style>